<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="50px">
      <el-form-item label="所属城市" prop="cityId">
        <el-select v-model="queryParams.provinceId" placeholder="请选择省份"
                   @change="getCityList(queryParams.provinceId)"
                   style="width: 140px"
                   clearable>
          <el-option
            v-for="dict in provinces"
            :key="dict.id"
            :label="dict.name"
            :value="dict.id"
          />
        </el-select>
        <el-select v-model="queryParams.cityId" placeholder="请选择城市"
                   :disabled="queryParams.provinceId==null||queryParams.provinceId===''"
                   @change="getAreaList(queryParams.cityId)"
                   style="width: 140px"
                   clearable>
          <el-option
            v-for="dict in citys"
            :key="dict.id"
            :label="dict.name"
            :value="dict.id"
          />
        </el-select>
        <el-select v-model="queryParams.areaId" placeholder="请选择地区"
                   :disabled="queryParams.cityId==null||queryParams.cityId===''"
                   style="width: 140px"
                   clearable>
          <el-option
            v-for="dict in areas"
            :key="dict.id"
            :label="dict.name"
            :value="dict.id"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="政府名称" prop="governName">
        <el-input
          v-model="queryParams.governName"
          placeholder="请输入政府名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="经济带" prop="bussEconomic">
        <el-select v-model="queryParams.bussEconomic" placeholder="请选择经济带" clearable>
          <el-option
            v-for="dict in dict.type.economic_belt"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="区域类型" prop="developType">
        <el-select v-model="queryParams.developType" placeholder="请选择区域类型" clearable>
          <el-option
            v-for="dict in dict.type.development_zone_type"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="审核状态" prop="state">
        <el-select v-model="queryParams.state" placeholder="请选择审核状态" clearable>
          <el-option
            v-for="dict in dict.type.audit_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['business:busfrontIntro:add']"
        >新增
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <!--        <el-button-->
        <!--          type="success"-->
        <!--          plain-->
        <!--          icon="el-icon-edit"-->
        <!--          size="mini"-->
        <!--          :disabled="single"-->
        <!--          @click="handleUpdate"-->
        <!--          v-hasPermi="['business:busfrontIntro:edit']"-->
        <!--        >修改-->
        <!--        </el-button>-->
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['business:busfrontIntro:remove']"
        >删除
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['business:busfrontIntro:export']"
        >导出
        </el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <div class="table_box" style="height: 700px;">
      <el-table key="table2" v-loading="loading" :data="businessIntroList" @selection-change="handleSelectionChange"
                height="650" fixed>
        <el-table-column type="selection" width="55" align="center"/>
        <el-table-column width="88" label="序号" align="center" prop="id"/>
        <el-table-column width="88" label="省份" align="center" prop="province"/>
        <el-table-column width="88" label="城市" align="center" prop="city"/>
        <el-table-column width="88" label="位置" align="center" prop="area"/>
        <!--      <el-table-column width="88" label="用户ID" align="center" prop="governId"/>-->
        <el-table-column width="188" label="经济带" align="center" prop="bussEconomic">
          <template slot-scope="scope">
            <dict-tag :options="dict.type.economic_belt"
                      :value="scope.row.bussEconomic ? scope.row.bussEconomic.split(',') : []"/>
          </template>
        </el-table-column>
        <el-table-column width="133" label="区域类型" align="center" prop="developType">
          <template slot-scope="scope">
            <dict-tag :options="dict.type.development_zone_type" :value="scope.row.developType"/>
          </template>
        </el-table-column>

        <el-table-column width="133" label="政府名称" align="center" prop="governName"/>
        <el-table-column label="最后发布时间" align="center" prop="createTime" width="100">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="最后更新时间" align="center" prop="updateTime" width="100">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="审核状态" align="center" prop="state">
          <template slot-scope="scope">
            <dict-tag :options="dict.type.audit_status" :value="scope.row.state"/>
          </template>
        </el-table-column>
        <!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
        <!--        <template slot-scope="scope">-->
        <!--          <el-button-->
        <!--            style="color:#71e2a3"-->
        <!--            size="mini"-->
        <!--            type="text"-->
        <!--            icon="el-icon-edit"-->
        <!--            @click="handleUpdate(scope.row)"-->
        <!--            v-hasPermi="['business:busfrontIntro:edit','business:busfrontIntro:edit']"-->
        <!--          >修改-->
        <!--          </el-button>-->

        <!--          <el-button-->
        <!--            style="color:#ff9292"-->
        <!--            size="mini"-->
        <!--            type="text"-->
        <!--            icon="el-icon-delete"-->
        <!--            @click="handleDelete(scope.row)"-->
        <!--            v-hasPermi="['business:busfrontIntro:remove']"-->
        <!--          >删除-->
        <!--          </el-button>-->
        <!--        </template>-->
        <!--      </el-table-column>-->
        <el-table-column
          label="操作"
          align="center"
          width="188px"
          class-name="small-padding fixed-width"
          fixed="right"
        >
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handleLook(scope.row)"
            >预览
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-if="userId===scope.row.governId"
              v-hasPermi="['business:busfrontIntro:edit']"
            >修改
            </el-button>
            <!--          <el-button
                        size="mini"
                        type="text"
                        icon="el-icon-edit"
                        @click="handleSetting(scope.row)"
                        v-if="userId!==scope.row.governId"
                        v-hasPermi="['business:busfrontIntro:edit']"
                      >查看</el-button>
                      <el-button
                        size="mini"
                        type="text"
                        style=""
                        icon="el-icon-edit"
                        @click="handleCheck(scope.row)"
                        v-hasPermi="['business:busfrontIntro:check']"
                        v-if="scope.row.state===0"
                      >初审
                      </el-button>
                      <el-button
                        size="mini"
                        type="text"
                        style=""
                        icon="el-icon-edit"
                        @click="handleCheck(scope.row)"
                        v-hasPermi="['business:businessIntro:recheck']"
                        v-if="scope.row.state===3"
                      >复审
                      </el-button>-->
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-if="userId===scope.row.governId"
              v-hasPermi="['business:busfrontIntro:remove']"
            >删除
            </el-button>

          </template>
        </el-table-column>
      </el-table>
    </div>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改区域营商环境介绍对话框 -->
    <!--    <div ref="scrollContainer" style="width: 770px;height: 400px;overflow-x:auto">-->
    <el-dialog ref="dialog" :title="title" :close-on-click-modal="false" @close="handleClose" :visible.sync="open"
               close="closedia" width="759px"
               :fullscreen="false"
               append-to-body center>
      <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-left: 2%; margin-right:2%">
        <el-form-item label="经济带" prop="bussEconomic" class="business">
          <el-checkbox-group v-model="form.bussEconomic">
            <el-checkbox
              v-for="dict in dict.type.economic_belt"
              :key="dict.value"
              :label="dict.value">
              {{ dict.label }}
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="级别" prop="level" class="business">
          <el-radio-group v-model="form.level" class="business">
            <el-radio
              v-for="dict in dict.type.region_level"
              :key="dict.value"
              :label="dict.value"
            >{{ dict.label }}
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="区域类型" prop="developType" class="business">
          <el-checkbox-group v-model="form.developType">
            <el-checkbox
              v-for="dict in dict.type.development_zone_type"
              :key="dict.value"
              :label="dict.value">
              {{ dict.label }}
            </el-checkbox>
          </el-checkbox-group>
          <input v-model="otherDevelop" class="sq" style="width: 20%"
                 placeholder="请输入其他区域类型"/>
        </el-form-item>

        <el-form-item label="园区类型" prop="parkType" class="business">
<!--          <el-checkbox-group v-model="form.parkType">-->
<!--            <el-checkbox-->
<!--              v-for="dict in dict.type.region_type"-->
<!--              :key="dict.value"-->
<!--              :label="dict.value">-->
<!--              {{ dict.label }}-->
<!--            </el-checkbox>-->
<!--          </el-checkbox-group>-->
          <el-radio-group v-model="form.parkType" class="business">
            <el-radio
              v-for="dict in dict.type.region_type"
              :key="dict.value"
              :label="dict.value"
            >{{ dict.label }}
            </el-radio>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="政府名称" prop="governName" class="business">
          <el-input v-model="form.governName" placeholder="请输入政府名称" maxlength="100"/>
        </el-form-item>

        <!--        <el-form-item label="是否置顶" prop="top" class="business" v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
                  <el-select v-model="form.top" placeholder="请选择是否置顶" style="width: 100%">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.label === '是' ? 1 : 0"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="明星企业" prop="recom" class="business" v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
                  <el-select v-model="form.recom" placeholder="请选择是否明星企业" style="width: 100%">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.label === '是' ? 1 : 0"
                    ></el-option>
                  </el-select>
                </el-form-item>-->
        <el-form-item label="联系人" prop="person" class="business">
          <el-input v-model="form.person" placeholder="请输入联系人" maxlength="100"/>
        </el-form-item>
        <el-form-item label="联系方式" prop="phone" class="business">
          <el-input v-model="form.phone" placeholder="请输入联系方式，手机号"/>
        </el-form-item>
        <el-form-item label="省份" prop="provinceId" class="business">
          <!--          <el-input v-model="form.provinceId" placeholder="请输入省份ID" />-->
          <el-select v-model="form.provinceId" placeholder="请选择省份"
                     @change="getCityList(form.provinceId)" style="width: 34%">
            <el-option
              v-for="dict in provinces"
              :key="dict.id"
              :label="dict.name"
              :value="dict.id"
            />
          </el-select>
          <el-select v-model="form.cityId" placeholder="请选择城市"
                     :disabled="form.provinceId==null||form.provinceId===''" @change="getAreaList(form.cityId)"
                     style="width: 33%">
            <el-option
              v-for="dict in citys"
              :key="dict.id"
              :label="dict.name"
              :value="dict.id"
            />
          </el-select>
          <el-select v-model="form.areaId" placeholder="请选择区域" :disabled="form.cityId==null||form.cityId===''"
                     style="width: 33%" clearable>
            <el-option
              v-for="dict in areas"
              :key="dict.id"
              :label="dict.name"
              :value="dict.id"
            />
          </el-select>
        </el-form-item>
        <el-form-item prop="address" class="business">
          <!--          <el-input v-model="form.address" placeholder="请输入地址"/>-->
          <MapAlapp v-if="mapTrue" :lng="lng" :lat="lat" ref="map" @lng-change="handleLngChange"
                    @lat-change="handleLatChange"
                    @res-change="handleResChange" style="margin-top: 25px"></MapAlapp>
        </el-form-item>
        <el-form-item label="园区经度" prop="parkLongitude" class="business">
          <el-input v-model="form.parkLongitude" placeholder="请输入园区经度" :disabled="true"/>
        </el-form-item>
        <el-form-item label="园区纬度" prop="parkLatitude" class="business">
          <el-input v-model="form.parkLatitude" placeholder="请输入园区纬度" disabled/>
        </el-form-item>
        <el-form-item label="区域优势" prop="areaIntro" class="business">
          <!--          <el-input v-model="form.areaIntro" type="textarea" placeholder="请输入内容" />-->
          <my-editor v-model="form.areaIntro" :min-height="192"/>
        </el-form-item>
        <el-form-item label="资源禀赋" prop="resIntro" class="business">
          <!--          <el-input v-model="form.resIntro" type="textarea" placeholder="请输入内容" />-->
          <my-editor v-model="form.resIntro" :min-height="192"/>
        </el-form-item>
        <el-form-item label="主导产业" prop="industryIntro" class="business">
          <!--          <el-input v-model="form.industryIntro" type="textarea" placeholder="请输入内容" />-->
          <my-editor v-model="form.industryIntro" :min-height="192"/>
        </el-form-item>
        <el-form-item label="招商需求" prop="cooperateIntro" class="business">
          <!--          <el-input v-model="form.cooperateIntro" type="textarea" placeholder="请输入内容" />-->
          <my-editor v-model="form.cooperateIntro" :min-height="192"/>
        </el-form-item>
        <el-form-item label="产业政策" prop="policyIntro" class="business">
          <!--          <el-input v-model="form.policyIntro" type="textarea" placeholder="请输入内容" />-->
          <my-editor v-model="form.policyIntro" :min-height="192"/>
        </el-form-item>
        <el-form-item label="封面" prop="cover">
          <image-upload v-model="form.cover"/>
        </el-form-item>
        <el-form-item label="备注" prop="note" class="business">
          <el-input v-model="form.note" type="textarea" maxlength="100" show-word-limit placeholder="请输入备注"/>
        </el-form-item>
      </el-form>
      <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-left: 2%; margin-right:2%"
               v-if="form.state!==0&&form.state!=null">
        <!--        <h3 style="font-weight: 700;width: 100%;text-align: center">-&#45;&#45;审核信息-&#45;&#45;</h3>-->
        <el-form-item class="business">
          <el-alert
            title="初审通过"
            type="success"
            center
            :closable="false"
            v-if="form.state===1||form.state===3||form.state===4"
            show-icon>
          </el-alert>
          <el-alert
            title="初审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.state===2"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="初审备注" prop="approvalNote" class="business" v-if="form.state!==0&&form.state!=null">
          <editor v-model="form.approvalNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
        <el-form-item class="business">
          <el-alert
            title="复审通过"
            type="success"
            center
            :closable="false"
            v-if="form.state===1"
            show-icon>
          </el-alert>
          <el-alert
            title="复审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.state===4"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="复审意见" prop="recheckNote" class="business" v-if="form.state===1||form.state===4">
          <editor v-model="form.recheckNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 设置 -->
    <el-dialog title="区域营商详情" :visible.sync="settingUp" close-on-click-modal center width="800px">
      <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-left: 2%; margin-right:2%"
               disabled>
        <el-form-item label="经济带" prop="bussEconomic" class="business">
          <el-checkbox-group v-model="form.bussEconomic">
            <el-checkbox
              v-for="dict in dict.type.economic_belt"
              :key="dict.value"
              :label="dict.value">
              {{ dict.label }}
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="级别" prop="level" class="business">
          <el-radio-group v-model="form.level" class="business">
            <el-radio
              v-for="dict in dict.type.region_level"
              :key="dict.value"
              :label="dict.value"
            >{{ dict.label }}
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="区域类型" prop="developType" class="business">
          <el-checkbox-group v-model="form.developType">
            <el-checkbox
              v-for="dict in dict.type.development_zone_type"
              :key="dict.value"
              :label="dict.value">
              {{ dict.label }}
            </el-checkbox>
          </el-checkbox-group>
          <input v-model="otherDevelop" class="sq" style="width: 20%"
                 placeholder="请输入其他区域类型"/>
        </el-form-item>

        <el-form-item label="园区类型" prop="parkType" class="business">
<!--          <el-checkbox-group v-model="form.parkType">-->
<!--            <el-checkbox-->
<!--              v-for="dict in dict.type.region_type"-->
<!--              :key="dict.value"-->
<!--              :label="dict.value">-->
<!--              {{ dict.label }}-->
<!--            </el-checkbox>-->
<!--          </el-checkbox-group>-->
          <el-radio-group v-model="form.parkType" class="business">
            <el-radio
              v-for="dict in dict.type.region_type"
              :key="dict.value"
              :label="dict.value"
            >{{ dict.label }}
            </el-radio>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="政府名称" prop="governName" class="business">
          <el-input v-model="form.governName" placeholder="请输入政府名称"/>
        </el-form-item>

        <!--        <el-form-item label="是否置顶" prop="top" class="business" v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
                  <el-select v-model="form.top" placeholder="请选择是否置顶" style="width: 100%">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.label === '是' ? 1 : 0"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="明星企业" prop="recom" class="business" v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
                  <el-select v-model="form.recom" placeholder="请选择是否明星企业" style="width: 100%">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.label === '是' ? 1 : 0"
                    ></el-option>
                  </el-select>
                </el-form-item>-->
        <el-form-item label="联系人" prop="person" class="business">
          <el-input v-model="form.person" placeholder="请输入联系人"/>
        </el-form-item>
        <el-form-item label="联系方式" prop="phone" class="business">
          <el-input v-model="form.phone" placeholder="请输入联系方式，手机号"/>
        </el-form-item>
        <el-form-item label="省份" prop="provinceId" class="business">
          <!--          <el-input v-model="form.provinceId" placeholder="请输入省份ID" />-->
          <el-select v-model="form.provinceId" placeholder="请选择省份"
                     @change="getCityList(form.provinceId)" style="width: 34%">
            <el-option
              v-for="dict in provinces"
              :key="dict.id"
              :label="dict.name"
              :value="dict.id"
            />
          </el-select>
          <el-select v-model="form.cityId" placeholder="请选择城市"
                     :disabled="form.provinceId==null||form.provinceId===''" @change="getAreaList(form.cityId)"
                     style="width: 33%">
            <el-option
              v-for="dict in citys"
              :key="dict.id"
              :label="dict.name"
              :value="dict.id"
            />
          </el-select>
          <el-select v-model="form.areaId" placeholder="请选择区域" :disabled="form.cityId==null||form.cityId===''"
                     style="width: 33%" clearable>
            <el-option
              v-for="dict in areas"
              :key="dict.id"
              :label="dict.name"
              :value="dict.id"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="地址" prop="address" class="business">
          <el-input v-model="form.address" placeholder="请输入地址"/>
          <!--          <MapAlapp :lng="lng" :lat="lat" ref="map" @lng-change="handleLngChange" @lat-change="handleLatChange"-->
          <!--                    @res-change="handleResChange" style="margin-top: 25px"></MapAlapp>-->
        </el-form-item>
        <el-form-item label="园区经度" prop="parkLongitude" class="business">
          <el-input v-model="form.parkLongitude" placeholder="请输入园区经度" :disabled="true"/>
        </el-form-item>
        <el-form-item label="园区纬度" prop="parkLatitude" class="business">
          <el-input v-model="form.parkLatitude" placeholder="请输入园区纬度" disabled/>
        </el-form-item>
        <el-form-item label="区域优势" prop="areaIntro" class="business">
          <!--          <el-input v-model="form.areaIntro" type="textarea" placeholder="请输入内容" />-->
          <editor v-model="form.areaIntro" :min-height="192" read-only/>
        </el-form-item>
        <el-form-item label="资源禀赋" prop="resIntro" class="business">
          <!--          <el-input v-model="form.resIntro" type="textarea" placeholder="请输入内容" />-->
          <editor v-model="form.resIntro" :min-height="192" read-only/>
        </el-form-item>
        <el-form-item label="主导产业" prop="industryIntro" class="business">
          <!--          <el-input v-model="form.industryIntro" type="textarea" placeholder="请输入内容" />-->
          <editor v-model="form.industryIntro" :min-height="192" read-only/>
        </el-form-item>
        <el-form-item label="招商需求" prop="cooperateIntro" class="business">
          <!--          <el-input v-model="form.cooperateIntro" type="textarea" placeholder="请输入内容" />-->
          <editor v-model="form.cooperateIntro" :min-height="192" read-only/>
        </el-form-item>
        <el-form-item label="产业政策" prop="policyIntro" class="business">
          <!--          <el-input v-model="form.policyIntro" type="textarea" placeholder="请输入内容" />-->
          <editor v-model="form.policyIntro" :min-height="192" read-only/>
        </el-form-item>
        <el-form-item label="封面" prop="cover">
          <image-upload v-model="form.cover"/>
        </el-form-item>
        <el-form-item label="备注" prop="note" class="business">
          <el-input v-model="form.note" type="textarea" maxlength="100" show-word-limit placeholder="请输入备注"/>
        </el-form-item>
      </el-form>
      <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-left: 2%; margin-right:2%"
               v-if="form.state!==0&&form.state!=null">
        <!--        <h3 style="font-weight: 700;width: 100%;text-align: center">-&#45;&#45;审核信息-&#45;&#45;</h3>-->
        <el-form-item class="business">
          <el-alert
            title="初审通过"
            type="success"
            center
            :closable="false"
            v-if="form.state===1||form.state===3||form.state===4"
            show-icon>
          </el-alert>
          <el-alert
            title="初审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.state===2"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="初审备注" prop="approvalNote" class="business" v-if="form.state!==0&&form.state!=null">
          <editor v-model="form.approvalNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
        <el-form-item class="business">
          <el-alert
            title="复审通过"
            type="success"
            center
            :closable="false"
            v-if="form.state===1"
            show-icon>
          </el-alert>
          <el-alert
            title="复审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.state===4"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="复审意见" prop="recheckNote" class="business" v-if="form.state===1||form.state===4">
          <editor v-model="form.recheckNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
      </el-form>
      <!--      <el-form ref="form" :model="form" :rules="rules" label-width="130px" v-if="form.state===1" style="margin-left: 2%; margin-right:2%">
              <h3 style="font-weight: 700;width: 100%;text-align: center">-&#45;&#45;设置-&#45;&#45;</h3>
              <el-form-item label="是否置顶" prop="top" class="business"
                            v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
                <el-select v-model="form.top" placeholder="请选择是否置顶" style="width: 100%">
                  <el-option
                    v-for="dict in dict.type.sys_yes_no"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.label === '是' ? 1 : 0"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="明星企业" prop="recom" class="business"
                            v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
                <el-select v-model="form.recom" placeholder="请选择是否明星企业" style="width: 100%">
                  <el-option
                    v-for="dict in dict.type.sys_yes_no"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.label === '是' ? 1 : 0"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-form>-->
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 审核 -->
    <!--    <el-dialog title="区域营商审核" :visible.sync="buildingAudit" close-on-click-modal center width="800px">
    &lt;!&ndash;      <el-form :model="form" label-width="130px" >&ndash;&gt;
    &lt;!&ndash;        <el-form-item label="审核备注" prop="approvalNote">&ndash;&gt;
    &lt;!&ndash;          <my-editor v-model="form.approvalNote" :min-height="100"/>&ndash;&gt;
    &lt;!&ndash;        </el-form-item>&ndash;&gt;
    &lt;!&ndash;      </el-form>&ndash;&gt;
          <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-left: 2%; margin-right:2%" disabled>
            <el-form-item label="经济带" prop="bussEconomic" class="business">
              <el-checkbox-group v-model="form.bussEconomic">
                <el-checkbox
                  v-for="dict in dict.type.economic_belt"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>

            <el-form-item label="区域类型" prop="developType" class="business">
              <el-checkbox-group v-model="form.developType">
                <el-checkbox
                  v-for="dict in dict.type.development_zone_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>

            <el-form-item label="园区类型" prop="parkType" class="business">
              <el-checkbox-group v-model="form.parkType">
                <el-checkbox
                  v-for="dict in dict.type.region_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>

            <el-form-item label="政府名称" prop="governName" class="business">
              <el-input v-model="form.governName" placeholder="请输入政府名称"/>
            </el-form-item>

            <el-form-item label="是否置顶" prop="top" class="business" v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
              <el-select v-model="form.top" placeholder="请选择是否置顶" style="width: 100%">
                <el-option
                  v-for="dict in dict.type.sys_yes_no"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.label === '是' ? 1 : 0"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="明星企业" prop="recom" class="business" v-hasPermi="['business:businessIntro:edit','business:businessIntro:add']">
              <el-select v-model="form.recom" placeholder="请选择是否明星企业" style="width: 100%">
                <el-option
                  v-for="dict in dict.type.sys_yes_no"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.label === '是' ? 1 : 0"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="联系人" prop="person" class="business">
              <el-input v-model="form.person" placeholder="请输入联系人"/>
            </el-form-item>
            <el-form-item label="联系方式" prop="phone" class="business">
              <el-input v-model="form.phone" placeholder="请输入联系方式，手机号"/>
            </el-form-item>
            <el-form-item label="省份" prop="provinceId" class="business">
              &lt;!&ndash;          <el-input v-model="form.provinceId" placeholder="请输入省份ID" />&ndash;&gt;
              <el-select v-model="form.provinceId" placeholder="请选择省份"
                         @change="getCityList(form.provinceId)" style="width: 34%">
                <el-option
                  v-for="dict in provinces"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.cityId" placeholder="请选择城市"
                         :disabled="form.provinceId==null||form.provinceId===''" @change="getAreaList(form.cityId)"
                         style="width: 33%">
                <el-option
                  v-for="dict in citys"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.areaId" placeholder="请选择区域" :disabled="form.cityId==null||form.cityId===''"
                         style="width: 33%" clearable>
                <el-option
                  v-for="dict in areas"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="地址" prop="address" class="business">
              <el-input v-model="form.address" placeholder="请输入地址"/>
    &lt;!&ndash;          <MapAlapp :lng="lng" :lat="lat" ref="map" @lng-change="handleLngChange" @lat-change="handleLatChange"&ndash;&gt;
    &lt;!&ndash;                    @res-change="handleResChange" style="margin-top: 25px"></MapAlapp>&ndash;&gt;
            </el-form-item>
            <el-form-item label="园区经度" prop="parkLongitude" class="business">
              <el-input v-model="form.parkLongitude" placeholder="请输入园区经度" :disabled="true"/>
            </el-form-item>
            <el-form-item label="园区纬度" prop="parkLatitude" class="business">
              <el-input v-model="form.parkLatitude" placeholder="请输入园区纬度" disabled/>
            </el-form-item>
            <el-form-item label="区域优势" prop="areaIntro" class="business">
              &lt;!&ndash;          <el-input v-model="form.areaIntro" type="textarea" placeholder="请输入内容" />&ndash;&gt;
              <editor v-model="form.areaIntro" :min-height="192" read-only/>
            </el-form-item>
            <el-form-item label="资源禀赋" prop="resIntro" class="business">
              &lt;!&ndash;          <el-input v-model="form.resIntro" type="textarea" placeholder="请输入内容" />&ndash;&gt;
              <editor v-model="form.resIntro" :min-height="192" read-only/>
            </el-form-item>
            <el-form-item label="主导产业" prop="industryIntro" class="business">
              &lt;!&ndash;          <el-input v-model="form.industryIntro" type="textarea" placeholder="请输入内容" />&ndash;&gt;
              <editor v-model="form.industryIntro" :min-height="192" read-only/>
            </el-form-item>
            <el-form-item label="招商需求" prop="cooperateIntro" class="business">
              &lt;!&ndash;          <el-input v-model="form.cooperateIntro" type="textarea" placeholder="请输入内容" />&ndash;&gt;
              <editor v-model="form.cooperateIntro" :min-height="192" read-only/>
            </el-form-item>
            <el-form-item label="产业政策" prop="policyIntro" class="business">
              &lt;!&ndash;          <el-input v-model="form.policyIntro" type="textarea" placeholder="请输入内容" />&ndash;&gt;
              <editor v-model="form.policyIntro" :min-height="192" read-only/>
            </el-form-item>
            <el-form-item label="封面" prop="cover">
              <image-upload v-model="form.cover"/>
            </el-form-item>
            <el-form-item label="备注" prop="note" class="business">
              <el-input v-model="form.note" type="textarea" maxlength="100" show-word-limit placeholder="请输入备注"/>
            </el-form-item>
            <el-form-item class="business" v-if="form.state===3">
              <el-alert
                title="初审通过"
                type="success"
                center
                :closable="false"
                show-icon>
              </el-alert>
            </el-form-item>
            <el-form-item label="初审备注" prop="approvalNote" class="business" v-if="form.state===3">
              <editor v-model="form.approvalNote" :min-height="100" style="width: 100%" read-only/>
            </el-form-item>
          </el-form>
          <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-left: 2%; margin-right:2%">
            <h3 style="font-weight: 700;width: 100%;text-align: center">-&#45;&#45;审核-&#45;&#45;</h3>
            <el-form-item label="初审备注" prop="approvalNote" class="business" v-if="form.state===0">
              <my-editor v-model="form.approvalNote" :min-height="100" style="width: 100%" />
            </el-form-item>
            <el-form-item label="复审意见" prop="recheckNote" class="business" v-if="form.state===3">
              <my-editor v-model="form.recheckNote" :min-height="100" style="width: 100%" />
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button type="success" v-if="form.state===0" @click="submitCheck(3)">初审通过</el-button>
            <el-button type="success" v-if="form.state===3" @click="submitCheck(1)">复审通过</el-button>
            <span style="width: 5%;display: inline-block"></span>
            <el-button type="danger" v-if="form.state===0" @click="submitCheck(2)">审核驳回</el-button>
            <el-button type="danger" v-if="form.state===3" @click="submitCheck(4)">审核驳回</el-button>
            <span style="width: 5%;display: inline-block"></span>
            <el-button type="info" @click="cancel">取 消</el-button>
          </div>
        </el-dialog>-->


    <!--    </div>-->

  </div>
</template>

<script>
import {
  listBusfrontIntro,
  getBusinessIntro,
  delBusinessIntro,
  addBusinessIntro,
  updateBusinessIntro,
  listCity,
} from "@/api/business/businessIntro";
import {updatePark} from "@/api/industry/park";
import MyEditor from "@/components/wangEdiot";
// import dict from "@/utils/dict";
//地图组件

export default {
  name: "BusinessIntro",
  components: {MyEditor},
  dicts: ['park_type', 'sys_yes_no', 'economic_belt', 'region_level', 'region_type', 'development_zone_type', 'audit_status'],
  data() {
    return {
      mapTrue: false,
      //传入的经纬度默认
      lng: 105.602725,
      lat: 37.076636,
      userId: null,
      // 省列表
      provinces: [],
      // 市列表
      citys: [],
      // 区列表
      areas: [],
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 区域营商环境介绍表格数据
      businessIntroList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      //设置
      settingUp: false,
      //审核弹框
      buildingAudit: false,
      //其他区域类型
      otherDevelop: null,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        governName: null,
        cityId: null,
        provinceId: null,
        areaId: null,
        level:null,
        bussEconomic: null,
        developType: null,
      },
      // 表单参数

      form: {},
      // 表单校验
      rules: {
        address: [
          {required: true, message: "地址不能为空", trigger: "blur"},
        ],
        cover: [
          {required: true, message: "封面图片不能为空", trigger: "blur"},
        ],
        governName: [
          {required: true, message: "政府名称不能为空", trigger: "blur"},
        ],
        level: [
          {required: true, message: "级别不能为空", trigger: "change"}
        ],
        phone: [
          {required: true, message: "手机号不能为空", trigger: "blur"},
          {
            required: true,
            pattern: /^[1][3,4,5,7,8,9][0-9]{9}$/,
            message: '请输入正确的手机号码',
            trigger: 'blur',
          },
        ],
        provinceId: [
          {required: true, message: "省份ID不能为空", trigger: "blur"}
        ],
        cityId: [
          {required: true, message: "城市ID不能为空", trigger: "blur"}
        ],
        areaId: [
          {required: true, message: "地区ID不能为空", trigger: "blur"}
        ],
        bussEconomic: [
          {required: true, message: "经济带不能为空", trigger: "blur"}
        ],
        developType: [
          {required: true, message: "区域类型不能为空", trigger: "change"}
        ],
        top: [
          {required: true, message: "是否置顶不能为空", trigger: "change"}
        ],
        parkType: [
          {required: true, message: "园区类型不能为空", trigger: "change"}
        ],
        note: [
          {max: 100, message: '长度必须小于 100', trigger: 'blur'}
        ]
      }
    };
  },
  created() {
    this.getprovinceList();
    this.getList();
  },
  methods: {
    // http://120.46.220.152/#/pages/qyy/details?id=65&cityId=405&provinceId=32
    //预览
    handleLook(row) {
      // console.log(row)
      //http://120.46.220.152/#/pages/qyy/details?id=65&cityId=405&provinceId=32
      // window.location.href=`http://120.46.220.152/#/pages/news/details?id=`+id
      open(`http://120.46.220.152/#/pages/qyy/details?id=` + row.id + `&cityId=` + row.cityId + `&provinceId=` + row.provinceId)
    },
    // //设置
    // handleSetting(row){
    //   this.reset();
    //   // this.form.id = row.id
    //   console.log(row)
    //   const id = row.id || this.ids
    //   getBusinessIntro(id).then(res => {
    //     this.form = res.data
    //     // console.log("AAA",res.data)
    //     if (this.form.developType != null) {
    //       this.form.developType = this.form.developType.split(",");
    //     }
    //     if (this.form.bussEconomic != null) {
    //       this.form.bussEconomic = this.form.bussEconomic.split(",")
    //     }
    //     if (this.form.parkType != null) {
    //       this.form.parkType = this.form.parkType.split(",");
    //     } else {
    //       // console.log(this.form.parkType)
    //       this.form.parkType = [];
    //     }
    //
    //     this.getprovinceList();
    //     // console.log('省',this.form.provinceId)
    //     if (this.form.provinceId != null) {
    //       listCity(this.form.provinceId).then(res => {
    //         this.citys = res.data;
    //       })
    //     }
    //     // console.log('市',this.form.cityId)
    //     if (this.form.cityId != null) {
    //       listCity(this.form.cityId).then(res => {
    //         this.areas = res.data;
    //         // console.log(res.data)
    //       })
    //     }
    //     this.settingUp = true;
    // const old_Form=this.form
    // localStorage.setItem('old_Form',JSON.stringify(old_Form));
    //   })
    // },
    // //审核
    // handleCheck(row){
    //   this.reset();
    //   // this.form.id = row.id
    //   // this.form.state = row.state
    //   const id = row.id || this.ids
    //   getBusinessIntro(id).then(res => {
    //     this.form = res.data
    //     // console.log("AAA",res.data)
    //     if (this.form.developType != null) {
    //       this.form.developType = this.form.developType.split(",");
    //     }
    //     if (this.form.bussEconomic != null) {
    //       this.form.bussEconomic = this.form.bussEconomic.split(",")
    //     }
    //     if (this.form.parkType != null) {
    //       this.form.parkType = this.form.parkType.split(",");
    //     } else {
    //       // console.log(this.form.parkType)
    //       this.form.parkType = [];
    //     }
    //
    //     this.getprovinceList();
    //       // console.log('省',this.form.provinceId)
    //     if (this.form.provinceId != null) {
    //       listCity(this.form.provinceId).then(res => {
    //         this.citys = res.data;
    //       })
    //     }
    //       // console.log('市',this.form.cityId)
    //     if (this.form.cityId != null) {
    //       listCity(this.form.cityId).then(res => {
    //         this.areas = res.data;
    //         // console.log(res.data)
    //       })
    //     }
    //     this.buildingAudit = true;
    //   })
    // },
    //监听对话框关闭
    handleClose() {
      localStorage.removeItem('old_Form')
      console.log(this.$refs); // 如果地图实例存在，则不会打印错误
      // 销毁盒子元素
      this.$refs.map
      this.mapTrue = false

      // this.$refs.map.dispose();
    },

    // dict,
    handleLatChange(lat) {
      this.form.parkLatitude = lat;
    },
    handleResChange(address) {
      this.form.address = address
    },
    handleLngChange(lng) {
      this.form.parkLongitude = lng;
    },
    handleAddChange(addressa) {
      this.form.form.address = addressa;
    },
    /** 查询区域营商环境介绍列表 */
    getList() {
      this.userId = this.$store.getters.id
      console.log(this.$store.getters.permissions)
      this.$store.getters.permissions.indexOf("")
      this.loading = true;
      listBusfrontIntro(this.queryParams).then(response => {
        this.businessIntroList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },

    /** 查询省列表 */
    getprovinceList() {
      var parentId = 0;
      listCity(parentId).then(res => {
        // console.log("AAA",res)
        this.provinces = res.data;
      })
    },
    //查询市列表
    getCityList(provinceId) {
      // console.log("BBB",provinceId)
      listCity(provinceId).then(res => {
        this.citys = res.data;
      })
      this.queryParams.cityId = null;
      this.queryParams.areaId = null;
      this.form.cityId = null;
      this.form.areaId = null;
    },
    //查询区列表
    getAreaList(cityId) {
      this.queryParams.areaId = null;
      this.form.areaId = null;
      listCity(cityId).then(res => {
        this.areas = res.data;
        // console.log(res.data)
      })
    },
    // 表单重置
    reset() {
      this.otherDevelop = null;
      this.form = {
        id: null,
        provinceId: null,
        cityId: null,
        areaId: null,
        governId: null,
        bussEconomic: [],
        developType: [],
        level:null,
        parkType: null,
        governName: null,
        areaIntro: null,
        resIntro: null,
        industryIntro: null,
        cooperateIntro: null,
        note: null,
        sort: null,
        state: null,
        dr: null,
        createTime: null,
        updateTime: null,
        policyIntro: null,
        num: null,
        cover: null,
        address: null,
        person: null,
        phone: null,
        recom: null,
        parkLongitude: null,
        parkLatitude: null,
        approvalNote: null,
        recheckNote: null,
        top: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },

    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      if (this.$store.getters.checkState === '0') {
        this.$message({
          type: 'info',
          message: `用户信息审核中`
        });
        return
      } else if (this.$store.getters.checkState === '2') {
        this.$message({
          type: 'error',
          message: `用户信息审核失败`
        });
        return
      } else if (this.$store.getters.checkState === '-1') {
        this.$message({
          type: 'info',
          message: `用户信息未提交`
        });
        return
      }
      this.reset();
      this.open = true;
      this.getprovinceList();
      this.mapTrue = true
      this.title = "添加区域营商环境介绍";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getBusinessIntro(id).then(res => {
        this.form = res.data
        this.lng = this.form.parkLongitude
        this.lat = this.form.parkLatitude
        if (this.form.developType != null) {
          this.form.developType = this.form.developType.split(",");
        }
        if (this.form.bussEconomic != null) {
          this.form.bussEconomic = this.form.bussEconomic.split(",")
        }
        for (let i = this.form.developType.length - 1; i >= 0; i--) {
          if (this.form.developType[i].indexOf("其它-")){
            this.otherDevelop = this.form.developType[i]
            this.otherDevelop = this.otherDevelop.substring(this.otherDevelop.indexOf("其它-")+3);
            this.form.developType[i] = this.form.developType[i].substring(0,this.form.developType[i].indexOf("其它-")+3)
            break
          }
        }
        // if (this.form.parkType != null) {
        //   this.form.parkType = this.form.parkType.split(",");
        // } else {
        //   // console.log(this.form.parkType)
        //   this.form.parkType = [];
        // }

        this.getprovinceList();
        if (this.form.provinceId != null) {
          listCity(this.form.provinceId).then(res => {
            this.citys = res.data;
          })
        }

        if (this.form.cityId != null) {
          listCity(this.form.cityId).then(res => {
            this.areas = res.data;
          })
        }
      });
      this.mapTrue = true
      setTimeout(() => {
        this.$refs.map.form.address = this.form.address
        const old_Form = this.form
        localStorage.setItem('old_Form', JSON.stringify(old_Form));
      }, 1500)
      this.open = true;
      this.title = "修改区域营商环境介绍";
    },
    /** 提交按钮 */
    submitForm() {
      const old_Form = localStorage.getItem('old_Form')
      const form = JSON.stringify(this.form)
      console.log(form, '\n\n\n\n', old_Form)
      // if (form !== old_Form) {
      //   this.form.state = 0
      // }
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.developType === "其他-"&&(this.otherDevelop==null||this.otherDevelop==='')) {
            this.$modal.msgError("请输入其他区域类型");
            return;
          }
          for (let i = this.form.developType.length - 1; i >= 0; i--) {
            if (this.form.developType[i].indexOf("其他-") !== -1) {
              this.form.developType[i] = this.form.developType[i] + (this.otherDevelop!=null?this.otherDevelop:'')
              break;
            }
          }
          this.form.developType = this.form.developType.join(",");
          this.form.bussEconomic = this.form.bussEconomic.join(",");
          // this.form.parkType = this.form.parkType.join(",");
          this.form.state = 0
          if (this.form.id != null) {
            updateBusinessIntro(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.settingUp = false;
              this.getList();
            });
          } else {
            addBusinessIntro(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    //提交审核
    submitCheck(state) {
      updateBusinessIntro({
        id: this.form.id,
        state: state,
        approvalNote: this.form.approvalNote,
        recheckNote: this.form.recheckNote
      }).then(response => {
        this.$modal.msgSuccess("审核成功");
        this.buildingAudit = false;
        this.getList();
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.buildingAudit = false;
      this.settingUp = false;
      this.reset();
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除区域营商环境介绍编号为"' + ids + '"的数据项？').then(function () {
        return delBusinessIntro(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {
      });
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('busfront/businessIntro/userExport', {
        ...this.queryParams
      }, `businessIntro_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
<style scoped>
.business {
  width: 90%;
}
.sq {
  width: 25px;
  margin: 0 10px;
  border: none;
  border-bottom: 1px solid;
}

.el-dialog__header {

  background: #F8F8F8;
  opacity: 1;
}


</style>
